<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<jsp:useBean id="panier" class="fr.unice.outils.PanierBean" scope="application"/>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" pageEncoding="UTF-8">
		<title>ACB</title>
		<SCRIPT language="JavaScript" src="ajax1.js"></SCRIPT>
		<!--<link href="style.css" rel="stylesheet" type="text/css" />-->	
                <link rel="stylesheet" type="text/css" href="css/styles.css" />
                <link rel="stylesheet" type="text/css" href="css/caroussel.css" />
	</head>
	<body>
	<div id="cadre">
		<div id="head1">
				<span class="grosTitre" >ACB</span><br/><br/>
				<span class="soustitre" >Rechercher des vid&eacute;os</span><br/>
					<input type="text" name="keywords" id="keywords" size="30" onkeypress="verifEnter(event);" onfocus="this.select();"/>
					<input type="button"  value="Chercher" onclick="search('null', 1, 1);" />
					<a href="javascript:visibilite('advancedSearch');"><span class="soustitre" >recherche avanc&eacute;e</span></a>
                                        <a href="index_New.jsp"><span class="soustitre" >younice</span></a>
					<br/><br/>
		
					<div id="advancedSearch" style="display: none;">
						Contenu adulte :
						<input type="checkbox" id="adultContent">
						  Trier par :
						<select id="order">
							<option value="RELEVANCE">Pertinence</option>
							<option value="UPDATED">Date d'ajout</option>
							<option value="VIEW_COUNT">Nombre de vues</option>
							<option value="RATING">Note</option>
						</select>
						 <!--   Envoy&eacute;e :
						<select id="uploaded">
							<option value="RELEVANCE">A tout moment</option>
							<option value="UPDATED">Ajourd'hui</option>
							<option value="VIEW_COUNT">Cette semaine</option>
							<option value="RATING">Ce mois-ci</option>
						</select>-->
						<select id="category">
							<option value="All">Toutes les cat&eacute;gories</option>
							<option value="Music">Musique</option>
							<option value="Comedy">Humour</option>
							<option value="Autos">V&eacute;hicules</option>
							<option value="Animals">Animaux</option>
							<option value="Travel">Voyages et &eacute;v&eacute;nements</option>
							<option value="Film">Films et animations</option>
							<option value="News">Actualit&eacute;s et politique</option>
							<option value="Games">Gadgets et jeux</option>
							<option value="Tech">Science et technologie</option>
						</select>
					</div><!-- fin advancedsearch -->
					<div id='standardFeed'>
					<a href="javascript:search('most_viewed', 1, 1);"><span class="soustitre" >Les + regard&eacute;es</span></a> |
					<a href="javascript:search('top_rated', 1, 1);"><span class="soustitre" >Les mieux not&eacute;es</span></a>  |
					<a href="javascript:search('most_discussed', 1, 1);"><span class="soustitre" >Les + discut&eacute;es</span></a> |
					<a href="javascript:search('top_favorites', 1, 1);"><span class="soustitre" >Les pr&eacute;f&eacute;r&eacute;es</span></a> |
					<a href="javascript:search('most_responded', 1, 1);"><span class="soustitre" >Le + de commentaires &eacute;crits</span></a> |
					<a href="javascript:search('most_recent', 1, 1);"><span class="soustitre" >Les + r&eacute;centes</span></a> 
					</div>
			
			<br />
		</div><!-- Fin div head 1 -->
		<br />
		
		<!--  
		<div id="head2">
		Mes suggestions
		</div>-->
	
		<div id="colonnegauche">
		</div>
		
		<div id="colonnedroite">
		</div>
		
		
		<div id="baddepage">
			<table width='100%' border='0'>
				<tr>
					<td width='33%' align='left'><img src='images/ilog_logo.gif'></td>
					<td width='33%' align='center'>© 2008 Projet M1 MIAGE pour ILOG</td>
					<td width='33%' align='right'><img src='images/youtube_logo.gif'></td>
				</tr>
			</table>
		</div>
	</div>
	</body>
</html>
